/* ---------------------------------------- css content 内容部分（针对16:9标准屏）----------------------------------------*/
body,html,article{
	overflow: hidden;
}
body{
	background: #0e2b5b;
}
.none{
	display: none;
}
.hide{
	opacity: 0;
}
a, a:visited{
	color: #fff;
}

input[type=text]{ font-family: arial;}


section{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top:0;
    left: 0;
    will-change:transform,opacity;
}
.ibtn{
	position: absolute;
	top: 0rem;
	left: 5.55rem;
	width: 1.75rem;
	height: 0.85rem;
	text-align: center;
	line-height: 0.85rem;
	font-size: 0.29rem;
	color: #626262;
	font-weight: bold;
	border-radius: 0.2rem;
	box-shadow: 2px 2px 7px #777;
	background: #fff;
}
.ibtn i{
	display: inline-block;
	font-size: 0.32rem;
	-webkit-transform: rotate(90deg);
}
.logo .l-shell,.code .c-shell{
	width: 100%;
	height: 100%;
}
.logo .l-ulBtn,.code .c-ulBtn{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
.imgBox{
	position: absolute;
	z-index: 0;
}
.scale{
	-webkit-transform: scale(0.65,0.65);
	-webkit-transform-origin: left;
}
.Offset{
	position: absolute;
	top:0;
	left: 0;
	width: 3.25rem;
	height: 3.5rem;
}
/*public end*/

.moving{
	-webkit-animation: moving 2s infinite;
}
@-webkit-keyframes moving{
	0%{-webkit-transform: translate(-0.2rem, -0.2rem);}
	50%{-webkit-transform: translate(0rem, 0rem);}
	100%{-webkit-transform: translate(-0.2rem, -0.2rem);}
}

.beating{
	-webkit-animation: beating 2s infinite;
}
@-webkit-keyframes beating{
	0%{-webkit-transform: translateY(0rem);}
	10%{-webkit-transform: translateY(-0.1rem);}
	20%{-webkit-transform: translateY(0rem);}
	30%{-webkit-transform: translateY(-0.1rem);}
	40%{-webkit-transform: translateY(0rem);}
	50%{-webkit-transform: translateY(-0.1rem);}
	100%{-webkit-transform: translateY(0rem);}
}
/*anime end*/
section.auth{
	background-image: url(../images/auth/bg.jpg);
	background-size: cover;
	background-position: center center;
	text-align: center;
	z-index: 2;
}
section.auth .cont{
	position: absolute;
	top: 56%;
	left: 0;
	width: 100%;
}
section.auth .cont input{
	font-size: 0.34rem;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 0.1rem;
	width: 4.5rem;
	height: 0.6rem;
	line-height: 0.6rem;
	text-align: center;
	padding: 0.2rem 0;
	margin-bottom: 0.5rem;
}

section.auth .cont .abtn{
	font-size: 0.34rem;
	width: 2.7rem;
	height: 0.6rem;
	line-height: 0.6rem;
	text-align: center;
	color: #011437;
	background: #fff;
	margin: 0 auto;
	border-radius: 0.1rem;
}
/*auth end*/

#tips{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.85);
	z-index: 99;
}
#tips img{
	position: absolute;
	top:50%;
	left: 50%;
	width: 7.5rem;
	-webkit-transform: translate(-50%, -50%);
}
#tips .close{
	position: absolute;
	top: 0rem;
	right: 0rem;
	width: 1rem;
	height: 1rem;
	background-image: url(../images/public/close.png);
	background-size: 100%;
}
/*tips end*/

section.chose{
	background: #f8f8f8;
}
section.chose .opt{
	position: absolute;
	border-radius: 0.1rem;
	box-shadow: 5px 5px 10px #ddd;
	box-sizing: content-box;
	overflow: hidden;
}
section.chose .opt.active{
	/*border: 0.1rem solid #e7563d;*/
 	outline:#e7563d solid 0.1rem;
	box-shadow: none;
	border-radius: 0;
}
section.chose .opt img{
	width: 100%;
}
section.chose .jCol{
	top: 1.2rem;
	left: 0.5rem;
	width: 2.38rem;
	height: 4.23rem;
}
section.chose .jRow{
	top: 1.7rem;
	right: 0.5rem;
	width: 3.61rem;
	height: 2.03rem;
}
section.chose .fCol{
	top: 5.4rem;
	right: 0.5rem;
	width: 2.43rem;
	height: 4.32rem;
}
section.chose .fRow{
	top: 6.5rem;
	left: 0.5rem;
	width: 3.66rem;
	height: 2.29rem;
}
section.chose .tips{
	position: absolute;
	color: #373233;
	font-size: 0.25rem;
	border: 1px solid #373233;
	padding: 0.1rem 0.3rem;
	border-radius: 0.45rem;
}
section.chose .tips.jp{
	top: 1rem;
	right: 0.5rem;
}
section.chose .tips.fc{
	top: 9rem;
	left: 0.5rem;
}
/*chose end*/
	
div.control{
	position: fixed;
	z-index: 3;
	width: auto;
	height: 1.05rem;
	top: 10.8rem;
	left: 0;
}
div.control .funcBtns{
	position: absolute;
	top: -0.08rem;
	left: 0.1rem;
	width: 5.42rem;
	height: 1.12rem;
	background-image: url(../images/public/control.png);
	background-size: 100%;
}
div.control .funcBtns .fbtn{
	width: 1.7rem;
	height: 0.8rem;
	background: rgba(255,255,255,0.7);
	float: left;
	margin-top: 0.1rem;
	border-radius: 0.3rem;
}
div.control .funcBtns .fbtn.active{
	background: none;
}
div.control .funcBtns .fbtn:first-child{
	margin-left: 0.1rem;
}

div.control .choseControl{
	position: absolute;
	top: -1.7rem;
	height: 1.4rem;
	box-shadow: 4px 4px 10px #777;
	background: #fff;
	border-radius: 0.2rem;
}
div.control .choseControl:after{
	content: "";
	position: absolute;
	border: 0.2rem solid #fff;
	border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
	bottom: -0.35rem;
	left: 50%;
	margin-left: -0.2rem;
}
div.control .choseControl#color{
	left: 1.05rem;
	width: 3.2rem;
}
div.control .choseControl#color img{
	width: 0.8rem;
	margin: 0.3rem 0.38rem 0;
}
div.control #stickers{
	position: absolute;
	top: -1.9rem;
	left: 0.06rem;
	width: 7.38rem;
	height: 1.82rem;
	background-image: url(../images/public/stickersBox.png);
	background-size: 100%;
	overflow: hidden;
	padding: 0 0.6rem;
}
div.control #stickers .scrollBox{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
div.control #stickers .scrollBox .moveBox{
	height: 100%;
	width: 23.7rem;
	overflow: hidden;
}
div.control #stickers .scrollBox img{
	height: 1rem;
	margin-top: 0.3rem;
}
div.control #stickers .prev{
	position: absolute;
	top:0;
	left: 0;
	width: 0.6rem;
	height: 100%;
}
div.control #stickers .next{
	position: absolute;
	top:0;
	right: 0;
	width: 0.6rem;
	height: 100%;
}
/*control end*/

section.franceC .cont{
	position: absolute;
	top: 0.5rem;
	left: 0.75rem;
	width: 6rem;
	height: 9.7rem;
	background-image: url(../images/france/bgCol.jpg);
	background-size: 100%;
}
section.franceC .cont.bg1{
	background-image: url(../images/france/bgCol1.jpg);
	background-size: cover;
}
section.franceC .cont.bg2{
	background-image: url(../images/france/bgCol2.jpg);
	background-size: cover;
}
section.franceC .cont .logo{
	position: absolute;
	top: 0.2rem;
	left: 0.2rem;
	width: 1rem;
	height: 1rem;
	z-index: 2;
	background-image: url(../images/public/logoW.png);
	background-size: 100%;
	background-color: rgba(0,0,0,0.5);
}
section.franceC .cont .logo .l-shell{
	width: 1rem;
	height: 1rem;
}
section.franceC .cont .code{
	position: absolute;
	top: 8.5rem;
	left: 4.8rem;
	width: 1rem;
	height: 1rem;
	background-image: url(../images/public/code.jpg);
	background-size: 100%;
	z-index: 2;
}
section.franceC .cont .code .c-shell{
	width: 1rem;
	height: 1rem;
}
section.franceC input[type=text].c1,section.franceC textarea[type=text].c1{
	border: 1px dashed #d63555;
	color: #d63555;
	position: absolute;
	left: 0.32rem;
}
section.franceC input[type=text].c2,section.franceC textarea[type=text].c2{
	border: 1px dashed #1486c9;
	color: #1486c9;
	position: absolute;
	left: 0.32rem;
}
section.franceC [type=text].c1::-webkit-input-placeholder{
	color: #d63555;
}
section.franceC [type=text].c2::-webkit-input-placeholder{
	color: #1486c9;
}
section.franceC input[type=text].titleA{
	width: 4rem;
	height: 0.64rem;
	font-size: 0.44rem;
	font-weight: bold;
	top: 7.78rem;
	line-height: 1.2;
	z-index: 2;
}
section.franceC input[type=text].titleB{
	width: 3.6rem;
	height: 0.56rem;
	height: auto;
	font-size: 0.256rem;
	top: 8.45rem;
	z-index: 2;
	line-height: 1.4;
}
section.franceC .shellBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 6rem;
	height: 9.7rem;
}
section.franceC .shellBox1{
	background-image: url(../images/france/upload1.png);
	background-size: 100%;
}
section.franceC .shellBox2{
	background-image: url(../images/france/upload2.png);
	background-size: 100%;
}
section.franceC .shellBox .shell{
	position: absolute;
	top: 0;
	left: 0;
	width: 6rem;
	height: 8.4rem;
}
section.franceC .shellBox .shell canvas{
	width: 6rem;
	height: 8.4rem;
}
section.franceC .shellBox .uploadBtn{
	width: 2.8rem;
	height: 2.8rem;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-right: -1.4rem;
	margin-top: -1.4rem; 
	
}

section.franceC .shellBox .uploadBtnSide{ width: 1rem; height: 1rem; margin: 0; right: 0.2rem; top: 0.2rem; background-color: rgba(255,255,255,0.6);}

section.franceC .shellBox .uploadBtn1{
	background-image: url(../images/france/upbtn1.png);
	background-size: 100%;
}
section.franceC .shellBox .uploadBtn2{
	background-image: url(../images/france/upbtn2.png);
	background-size: 100%;
}
section.franceC .shellBox .mask{
	position: absolute;
	top:0;
	left: 0;
	width: 6rem;
	height: 9.7rem;
}
section.franceC .shellBox .mask1{
	background-image: url(../images/france/bgCol1.png);
	background-size: 100%;
	background-position: bottom;
}
section.franceC .shellBox .mask2{
	background-image: url(../images/france/bgCol2.png);
	background-size: 100%;
	background-position: bottom;
}
section.franceC .pattern{
	position: absolute;
	bottom: 4.9rem;
	left: 1.35rem;
	width: 2.39rem;
	height: 2.5rem;
	z-index: 2;
}
section.franceC .pattern1{
	background-image: url(../images/france/lCol1.png);
	background-size: 100%;
}
section.franceC .pattern2{
	background-image: url(../images/france/lCol2.png);
	background-size: 100%;
}
section.franceC .ring{
	position: absolute;
	bottom: 2.6rem;
	left: 0.5rem;
	width: 1.13rem;
	height: 1.11rem;
	background-image: url(../images/france/circle.png);
	background-size: 100%;
	z-index: 2;
}
/*franceC end*/
section.franceR .scrollBox,section.japanR .scrollBox{
	position: absolute;
	top: 50%;
	margin-top: -2.25rem;
	left: 0;
	width: 100%;
	height: 4.5rem;
	overflow: hidden;
}
section.franceR .cont{
	position: absolute;
	top:0;
	left: 0;
	width: 7.5rem;
	height: 4.5rem;
	background-image: url(../images/france/bgRow.jpg);
	background-size: cover;
}
section.franceR .cont .logo{
	position: absolute;
	top: 0.24rem;
	left: 0.24rem;
	width: 0.84rem;
	height: 0.84rem;
	z-index: 2;
	background-image: url(../images/public/logoW.png);
	background-size: 100%;
	background-color: rgba(0,0,0,0.5);
}
section.franceR .cont .logo1{
	
}
section.franceR .cont .logo2{
	background-image: url(../images/public/logoW.png);
	background-size: 100%;
}
section.franceR .cont .code{
	position: absolute;
	top: 3.42rem;
	left: 6.42rem;
	width: 0.84rem;
	height: 0.84rem;
	background-image: url(../images/public/code.jpg);
	background-size: 100%;
	z-index: 2;
}
section.franceR input[type=text].c1,section.franceR textarea[type=text].c1{
	border: 1px dashed #d63555;
	color: #d63555;
	position: absolute;
	left: 0.21rem;
}
section.franceR input[type=text].c2,section.franceR textarea[type=text].c2{
	border: 1px dashed #1486c9;
	color: #1486c9;
	position: absolute;
	left: 0.21rem;
}
section.franceR [type=text].c1::-webkit-input-placeholder{
	color: #d63555;
}
section.franceR [type=text].c2::-webkit-input-placeholder{
	color: #1486c9;
}
section.franceR .titleA{
	width:3.8rem;
	height: 0.6rem;
	font-size: 0.33rem;
	font-weight: bold;
	top: 3.4rem;
	line-height: 1.1;
	z-index: 2;
}
section.franceR .titleB{
	width: 4.5rem;
	height: 0.4rem;
	font-size: 0.192rem;
	top: 4.05rem;
	line-height: 1.1;
	z-index: 2;
}
section.franceR .shellBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 7.5rem;
	height: 4.5rem;
}
section.franceR .shellBox .shell{
	position: absolute;
	top: 0;
	left: 0;
	width: 7.5rem;
	height: 4.2rem;
}
section.franceR .shellBox .uploadBtn{
	width: 3.5rem;
	height: 3.5rem;
	position: absolute;
	top: 0rem;
	right: 50%;
	margin-right: -1.75rem;
	
}

section.franceR .shellBox .uploadBtnSide{ width: 0.84rem; height: 0.84rem; margin: 0; right: 0.24rem; top: 0.24rem; background-color: rgba(255,255,255,0.6);}

section.franceR .shellBox .uploadBtn1{
	background-image: url(../images/france/upbtn1.png);
	background-size: 100%;
}
section.franceR .shellBox .uploadBtn2{
	background-image: url(../images/france/upbtn2.png);
	background-size: 100%;
}
section.franceR .shellBox .mask{
	position: absolute;
	top:0;
	left: 0;
	width: 7.5rem;
	height: 4.5rem;
}
section.franceR .shellBox .mask1{
	background-image: url(../images/france/bgRow1.png);
	background-size: 100%;
	background-position: bottom;
}
section.franceR .shellBox .mask2{
	background-image: url(../images/france/bgRow2.png);
	background-size: 100%;
	background-position: bottom;
}
section.franceR .pattern{
	position: absolute;
	top: 1rem;
	right: 0.1rem;
	width: 2.49rem;
	height: 2.4rem;
	z-index: 2;
}
section.franceR .pattern1{
	background-image: url(../images/france/lRow1.png);
	background-size: 100%;
}
section.franceR .pattern2{
	background-image: url(../images/france/lRow2.png);
	background-size: 100%;
}
section.franceR .ring{
	position: absolute;
	top: 1.4rem;
	left: 7.5rem;
	width: 1.13rem;
	height: 1.11rem;
	background-image: url(../images/france/circle.png);
	background-size: 100%;
	z-index: 2;
}
/*franceR end*/

section.japanC .cont{
	position: absolute;
	top: 0.5rem;
	left: 0.75rem;
	width: 6rem;
	height: 9.7rem;
	background-image: url(../images/japan/bgCol.jpg);
	background-size: 100%;
}
section.japanC .cont .logo{
	position: absolute;
	top: 0.2rem;
	left: 0.2rem;
	width: 1rem;
	height: 1rem;
	background-image: url(../images/public/logoW.png);
	background-size: 100%;
	z-index: 2;
	background-color: rgba(0,0,0,0.5);
}
section.japanC .cont .logo .l-shell{
	width: 1rem;
	height: 1rem;
}
section.japanC .cont .code{
	position: absolute;
	top: 8.5rem;
	left: 4.8rem;
	width: 1rem;
	height: 1rem;
	background-image: url(../images/public/code.jpg);
	background-size: 100%;
	z-index: 2;
}
section.japanC .cont .code .c-shell{
	width: 1rem;
	height: 1rem;
}
section.japanC [type=text]{
	border: 1px dashed #626262;
	text-align: center;
	color: #626262;
	position: absolute;
	line-height: 1.2;
}
section.japanC [type=text]::-webkit-input-placeholder{
	color: #626262;
}
section.japanC [type=text].titleA{
	width: 5.76rem;
	height: 0.9rem;
	font-size: 0.6rem;
	font-weight: bold;
	top: 1.6rem;
	z-index: 2;
	left: 0.12rem;
}
section.japanC [type=text].titleB{
	width: 5.12rem;
	height: 0.48rem;
	font-size: 0.36rem;
	top: 2.56rem;
	z-index: 2;
	left: 0.44rem;
	line-height: 1.5;
}
section.japanC .shellBox{
	position: absolute;
	top: 0rem;
	left: 0;
	width: 6rem;
	height: 9.7rem;
	
}
section.japanC .shellBox .shell{
	position: absolute;
	top: 0;
	left: 0;
	width: 6rem;
	height: 9.7rem;
}
section.japanC .shellBox .shell canvas{
	width: 6rem;
	height: 9.7rem;
}
section.japanC .shellBox .mask{
	position: absolute;
	top:0;
	left: 0;
	width: 6rem;
	height: 9.7rem;
}
section.japanC .shellBox .mask1{
	background-image: url(../images/japan/bgCol1.png);
	background-size: 100%;
	background-position: bottom;
}
section.japanC .shellBox .mask2{
	background-image: url(../images/japan/bgCol2.png);
	background-size: 100%;
	background-position: bottom;
}
section.japanC .shellBox .uploadBtn{
	width: 2.8rem;
	height: 2.8rem;
	position: absolute;
	top:4.8rem;
	right: 50%;
	margin-right: -1.4rem;
	background-image: url(../images/japan/upbtn.png);
	background-size: 100%;
}

section.japanC .shellBox .uploadBtnSide{ width: 1rem; height: 1rem; margin: 0; right: 0.2rem; top: 0.2rem; background-color: rgba(255,255,255,0.6);}

/*japanC end*/

section.japanR .cont{
	position: absolute;
	top:0;
	left: 0;
	width: 7.5rem;
	height: 4.5rem;
	overflow: hidden;
	background-image: url(../images/japan/bgRow.jpg);
	background-size: 100% 100%;
}

/*section.japanR .cont.bg1{
	background: #e6e7e8;
}
section.japanR .cont.bg2{
	background-image: url(../images/japan/bgRow.jpg);
	background-size: cover;
}*/
section.japanR .cont .logo{
	position: absolute;
	top: 0.24rem;
	left: 0.24rem;
	width: 0.84rem;
	height: 0.84rem;
	background-image: url(../images/public/logoW.png);
	background-size: 100%;
	z-index: 2;
	background-color: rgba(0,0,0,0.5);
}
section.japanR .cont .code{
	position: absolute;
	top: 3.42rem;
	left: 6.42rem;
	width: 0.84rem;
	height: 0.84rem;
	background-image: url(../images/public/code.jpg);
	background-size: 100%;
	z-index: 2;
}
section.japanR [type=text]{
	border: 1px dashed #626262;
	color: #626262;
	position: absolute;
	left: 0.24rem;
}
section.japanR [type=text]::-webkit-input-placeholder{
	color: #626262;
}
section.japanR [type=text].titleA{
	width: 3.5rem;
	height: 0.7rem;
	font-size: 0.432rem;
	font-weight: bold;
	top: 2.5rem;
	z-index: 2;
	line-height: 1.2;
}
section.japanR [type=text].titleB{
	width: 2.4rem;
	height: 0.5rem;
	font-size: 0.27rem;
	top: 3.3rem;
	z-index: 2;
	line-height: 1.5;
}
section.japanR .shellBox{
	position: absolute;
	top: 0rem;
	left: 0;
	width: 7.5rem;
	height: 4.5rem;
	
}
section.japanR .shellBox .shell{
	position: absolute;
	top: 0;
	left: 0;
	width: 7.5rem;
	height: 4.5rem;
}
section.japanR .shellBox .mask{
	position: absolute;
	top:0;
	left: 0;
	width: 7.5rem;
	height: 4.5rem;
}
section.japanR .shellBox .mask1{
	background-image: url(../images/japan/bgRow1.png);
	background-size: 100% 100%;
	background-position: bottom;
}
section.japanR .shellBox .mask2{
	background-image: url(../images/japan/bgRow2.png);
	background-size: 100% 100%;
	background-position: bottom;
}
section.japanR .shellBox .uploadBtn{
	width: 3rem;
	height: 3rem;
	position: absolute;
	top: 45%;
	right: 0.8rem;
	margin-top: -1.5rem;
	background-image: url(../images/japan/upbtn.png);
	background-size: 100%;
}

section.japanR .shellBox .uploadBtnSide{ width: 0.84rem; height: 0.84rem; margin: 0; right: 0.24rem; top: 0.24rem; background-color: rgba(255,255,255,0.6);}

/*japanR end*/

.adorn{
	position: absolute;
	top: 3.5rem;
	left: 3.25rem;
	width: 1rem;
	height: 1.05rem;
	z-index: 3;
}
.adorn img{
	width: 100%;
}

.adornSp{ width: 1.32rem; }

.adornSp img{
	position: absolute;
	left: 0;
	top: 0.35rem;
	width: 0.25rem;
	height: 0.25rem;
}
.adornSp input{
	position: absolute;
	left: 0.32rem;
	top: 0.2rem;
    font-size: 0.34rem;
    color: #fb3939;
    width: 1rem;
    height: 0.55rem;
    line-height: 0.55rem;
    font-weight: bold;
    font-family:'arial';
}
.adorn .remove{
	position: absolute;
	top: -0.1rem;
	right: -0.1rem;
	width: 0.3rem;
	height: 0.3rem;
	background-image: url(../images/sticker/c.png);
	background-size: 100%;
}
/*adorn end*/

#preview{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 9;
}
#preview > img.previewImg{
	position: absolute;
	top:0;
	left: 0;
	max-width: 7.5rem;
	max-height: 9.7rem;
}
#preview .tips{
	position: absolute;
	text-align: center;
	width: 2rem;
	height: auto;
	top: 10rem;
	left: 50%;
	margin-left: -1rem;
	pointer-events: none;
}
#preview .tips img{
	width: 0.67rem;
}
#preview .tips p{
    font-size: 0.29rem;
    color: #626262;
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff;
    font-weight: bold;
    padding-top: 0.2rem;
}
#preview .ibtn{
	left: 0.2rem;
	top: 10.8rem;
}
#preview .share{
	position: absolute;
	top: 0.2rem;
	right: 0.1rem;
	width: 1.92rem;
	height: 0.85rem;
	background-image: url(../images/public/share.png);
	background-size: 100%;
}



/*preview end*/

section.japanC .black{ background-image: none; background-color: #e6e7e8;}
section.japanR .black{ background-image: none; background-color: #fdf4e3;}
section.franceC .black{ background-image: none; background-color: #fff8e3;}
section.franceR .black{ background-image: none; background-color: #dff5ff;}




aside.confirm{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:998; display: none;}
aside.confirm>div{ position: absolute; left: 50%; top: 50%; width:85%; -webkit-transform: translate(-50%,-50%); background-color:#FAFAFC; border-radius:0.07rem; padding-top: 0.46rem;}
aside.confirm>div>p.text{font-size:0.3rem; line-height: 1.4; color:#888; padding: 0 0.46rem 0; margin-bottom: 0.46rem; text-align:center; }
aside.confirm>div>p.btn{ text-align: center; border-top: 1px solid #D5D5D6; position: relative; padding: 0.4rem 0; }
aside.confirm>div>p.btn a{ color:#fff; font-size:0.4rem; width: 2rem; height: 0.8rem; line-height: 0.8rem; background-color: #333; border-radius: 0.2rem; margin: 0 0.2rem;}
aside.confirm>div>p.btn a:active{ background-color: #eeeeee;}

.closeSelf{
	position: absolute;
	top: -0.2rem;
	right: -0.2rem;
	width: 0.4rem;
	height: 0.4rem;
	background-image: url(../images/sticker/c.png);
}

/*---------------------------------------- css media 适配部分（针对使用虚拟系统按键的android）----------------------*/
@media screen and (device-width:360px) and (max-height:560px), screen and (device-width:412px) and (max-height:650px) and (-webkit-min-device-pixel-ratio:3.5), screen and (device-width:540px) and (device-height:780px){
	section.chose .jCol{top: 1.1rem;}
	section.chose .jRow{top: 1.6rem;}
	section.chose .fCol{top: 4.7rem;}
	section.chose .fRow{top: 5.8rem;}
	section.chose .tips.jp{top:0.9rem;}
	section.chose .tips.fc{top:8.2rem;}
	section.franceC .shellBox{width: 6rem;height: 7.184rem;}
	section.franceC .pattern{left: 1.8rem;bottom:4.3rem;}
	section.franceC .ring{left: 1.6rem;}
	div.control{top:9.5rem;}
}

/*---------------------------------------- css media 适配部分（针对iphone4） ----------------------------------------------*/
@media screen and (device-width:320px) and (device-height:480px), screen and (device-width:540px) and (device-height:702px){

}

/*---------------------------------------- css media 适配部分（针对android）----------------------*/
@media screen and (device-width:360px), screen and (device-width:412px) and (-webkit-min-device-pixel-ratio:3.5){


.adornSp img{
	top: 0.35rem;
}
.adornSp input{
	top: 0.25rem;
    font-size: 0.34rem;
    height: 0.55rem;
    line-height: 0.55rem;
}

}

/*---------------------------------------- css media 适配部分（针对iphone） ----------------------------------------------*/
@media screen and (device-width:320px), screen and (device-width:375px), screen and (device-width:414px), screen and (device-width:540px) and (device-height:868px){

}